<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<base href="<%=basePath%>"/>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>HTML5超级玛丽</title>
	<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
	<script type="text/javascript" src="js/game/init.js"></script>
	<script type="text/javascript" src="js/game/canvas.js"></script>
	<script type="text/javascript" src="js/game/map.js"></script>
	<script type="text/javascript" src="js/game/mali.js"></script>
	<script type="text/javascript" src="js/game/listener.js"></script>
	<script type="text/javascript" src="js/game/date.js"></script>
	<script type="text/javascript" src="js/game/mouster.js"></script>
	<script type="text/javascript" src="js/game/collide.js"></script>
	
	
</head>
<body>
	<h1>HTML5 超级玛丽</h1>
	<h4>方向键：移动 , 空格：跳跃 , A键：快跑/射击</h4>
	<h5><a href="javascript:void(0);" id="initMap">初始化地图</a>
		<a href="javascript:void(0);" id="clear">清空</a>
		<a href="javascript:void(0);" id="startFlicker">开始闪烁</a>
		<a href="javascript:void(0);" id="stopFlicker">停止闪烁</a>
		<a href="javascript:void(0);" id="left">←</a>
		<a href="javascript:void(0);" id="right">→</a>
		<a href="javascript:void(0);" id="moveMapR">地图往右移动</a>
		<a href="javascript:void(0);" id="moveMapL">地图往左移动</a>
		<a href="javascript:void(0);" id="stopGame">停止游戏</a>
		<a href="javascript:void(0);" id="killMouster">怪物飞</a>
		<br/>
		<span id="test1"></span><br/><span id="test2"></span>
		</h5>
	<div align="center">
		<canvas id="canvas" style="background-color:black"></canvas>
	</div>
	
	
</body>
</html>